.add-dialog-box-coupon {
    border-radius: 8px;
    .input-label-box {
        font-weight: 400;
        font-size: 14px;
        color: #5c5f66;
    }
    .add-input-box2 {
        width: 120px;
        height: 36px;
        background: #ffffff;
        border-radius: 4px;
        margin: 0 10px;
    }
    .unit-box {
        font-weight: 400;
        font-size: 14px;
        color: #5c5f66;
        margin-left: 10px;
    }
    .qr-code-box {
        width: 184px;
        height: 184px;
        background: #f5f7fa;
        border-radius: 4px;
        .qr-code-text {
            font-weight: 400;
            font-size: 16px;
            color: #dde2ee;
        }
        .qr-code-img {
            width: 184px;
            height: 184px;
            object-fit: cover;
        }
    }
    .add-input-box {
        width: 360px;
        height: 36px;
        border-radius: 4px;
        .el-date-editor {
            width: 360px !important;
            height: 36px;
            border-radius: 4px;
        }
        .el-input {
            width: 360px !important;
            height: 36px;
            border-radius: 4px;
        }
        .el-input__wrapper {
            box-sizing: border-box;
        }
    }
    .el-form-item {
        margin-bottom: 24px;
    }
    .btn-cancel {
        width: 84px;
        height: 32px;
        background: #ffffff;
        border-radius: 4px;
        border: 1px solid #dddfe7;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
    }
    .btn-submit {
        width: 84px;
        height: 32px;
        background: #3b75ff;
        border-radius: 4px;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
    }
}
